<layout name="layout"/>
<load href="__PUBLIC__/Common/css/common.css"/>
<load href="__PUBLIC__/App/service/AccountService.js"/>
<load href="__PUBLIC__/App/controller/AccountController.js"/>
<div url='__CONTROLLER__/getlist' ng-controller="AccountController">

<div ng-view></div>
<br>
<hr>
<br>
<ul>
<li ng-repeat="x in ListItem">
{{x.name}}--{{x.sex}}
</li>
</ul>
{{url}}
<button class="btn btn-success" ng-click="change()">换一组</button>
	<button class="btn btn-success" ng-click="getInfo()">测试服务器</button>
<hr>
<input type="text" required ng-model="user.name" /><br/>
<input type="text" required ng-model="user.sex" /><br/>
<button type="button" class="btn btn-default" ng-click="add()">添加</button>
<hr>
<button class="btn btn-success" ng-click="showMask()" >点我显示遮罩层</button>
<div ng-if="show_status" class="j-mask">
	<div style="width:200px;margin:0 auto;" class="alert alert-warning" role="alert">	<i class="fa fa-spinner fa-pulse fa-2x"></i>Loading...</div>
</div>
<hr>
<div class="fade-in"></div>
</div>
<style>
.fade-in {
transition: 2s linear all;
-webkit-transition: 2s linear all;
}
.fade-in:hover {
width: 300px;
height: 300px;
border:1px silver solid;
}
</style>